<template>
  <div class="doc">
    <h2>Input, Textarea</h2>
    <h3>Basic</h3>
    <p>Hey UI will unify all input styles.</p>
    <exampleEn demo="form/input1"></exampleEn>
    <h3>Readonly</h3>
    <exampleEn demo="form/input2"></exampleEn>
    <h3>Disabled</h3>
    <exampleEn demo="form/input3"></exampleEn>
    <h3>Icon</h3>
    <exampleEn demo="form/input4"></exampleEn>
    <h3>Automatically height</h3>
    <p>Just add in the textarea <code>v-autosize</code>to complete the adaptive height function.</p>
    <p>Set the textarea <code>rows</code> to set the original height.</p>
    <exampleEn demo="form/input5"></exampleEn>

    <h3>Composite Input</h3>
    <exampleEn demo="form/input6"></exampleEn>
  </div>
</template>
